<!-- 库存查询 -->
<template>
    <!-- 顶部标题 -->
    <view class="Login">
        <!-- 顶部标题栏 -->
        <TopBar title="库存查询"></TopBar>

        <!-- 作业页面 -->
        <view v-show="activeTab === 0">

            <!-- 输入区 -->
            <view class="function">

                <view class="function-input">


                    <sanheyiCopy :titleMinwidth="'60px'" title1="仓库" v-model:input1="input1" :isShowcheckbox2="false"
                        :isShowbutton1="true"></sanheyiCopy>
                    <sanheyiCopy :titleMinwidth="'60px'" title1="仓位号" v-model:input1="input2" :isShowcheckbox2="false"
                        :isShowbutton1="true"></sanheyiCopy>
                    <sanheyiCopy :titleMinwidth="'60px'" title1="条码" v-model:input1="input3" :isShowcheckbox2="false"
                        :isShowbutton1="true"></sanheyiCopy>
                    <view style="padding-left: 1%;">
                        <text>合计数:</text><text>0</text>
                    </view>
                </view>

            </view>

            <!-- 下面显示查询结果内容区域 -->
            <scroll-view scroll-top="0" scroll-y="true" class="scroll-Y"
                style=" margin-top: 20px; background-color: antiquewhite;">
                <WarehouseInquiry></WarehouseInquiry>
            </scroll-view>
        </view>




    </view>
</template>

<script setup lang="ts">
import { ref } from "vue";
import TopBar from "@/components/TopBar.vue"



// 引入三合一组件
import sanheyiCopy from '@/components/sanheyi copy.vue'

//引入仓库查询结果组件
import WarehouseInquiry from '@/components//House/WarehouseInquiry.vue'




// 输入框的值
let input1 = ref<string>("");
let input2 = ref<string>("");
let input3 = ref<string>("");



// 添加响应式数据跟踪当前选中的导航项
// 0: 作业, 1: 待处理, 2: 查询
const activeTab = ref(0);



</script>






<style scoped>
.Login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-top: 40px; */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    min-height: 100vh;
    background-color: #F7F3F1;
    /* background-image: url("/src/static/log/Loginbg3.png"); */
    background-size: 100% 100%;
}


/* 功能区 */
.function {
    background-color: #F7F3F1;
    width: 100%;
    /* min-height: 100vh; */



}

.function-input {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 0 0 30px 30px;
    padding: 5px 5px;
}
</style>
